<!DOCTYPE html>
<meta charset="utf-8">
<style>
    @font-face {
        font-family: "Chantrea UI";
        src: url("fonts/ChantreaUI.ttf");
    }
    @font-face {
        font-family: "Khmer OS Battambang";
        src: url("fonts/KhmerOSbattambang.ttf");
    }
    @font-face {
        font-family: "Moul";
        src: url("fonts/Moul.ttf");
    }
    @font-face {
        font-family: "Khmer Moul";
        src: url("fonts/KhmerMoul.ttf");
    }
    @font-face {
        font-family: "Khmer OS Moul";
        src: url("fonts/KhmerOSMuol.ttf");
    }
div {
    color: #555;
    padding: 20px 40px;;
}
div.chor {
    font-family: "Khmer OS Battambang";
    font-size: 64px;
    padding-bottom: 0px;
}
div.moul {
    font-size: 48px;
    font-family: Moul;
}
div.khmermoul {
    font-family: "Khmer OS Moul";
    font-size: 48px;
    padding-top: 0px;
}
</style>
<div class="chor" lang="khm">ប្រវត្តិវិទូ</div>
<div class="moul" lang="khm">ប្រវត្តិវិទូ</div>
<div class="khmermoul" lang="khm">ប្រវត្តិវិទូ</div>

<!-- sample text from
    https://en.wiktionary.org/wiki/%E1%9E%94%E1%9F%92%E1%9E%9A%E1%9E%9C%E1%9E%8F%E1%9F%92%E1%9E%8F%E1%9E%B7%E1%9E%9C%E1%9E%B7%E1%9E%91%E1%9E%BC
     -->